<!-- HeaderTab -->
<template>
  <el-card class="headerCard">
    <div class="tabMain">
      <div class="left">
        <slot name="left" />
      </div>
      <div class="right">
        <el-button round type="primary">搜索</el-button>
        <el-button round>重置</el-button>
      </div>
    </div>

  </el-card>
</template>

<script>
export default {

  components: {},
  data() {
    return {

    }
  }
}

</script>
<style lang='scss' scoped>
.el-form--inline .el-form-item {
    // display: inline-block;
    margin-right: 36px;
    // vertical-align: top;
}
::v-deep .el-form-item__label {
  color: #999
}
::v-deep .el-input__inner {
  border-radius: 11px;
  width: 270px;
}
::v-deep .el-button {
  // display: inline;
    margin-top: 49px;
    margin-right: 10px;
}
.el-card[data-v-32766b50] {
    margin-top: 16px;
}
.el-card {
  // display: flex;

  margin: 16px;
  border-radius: 23px;
}
.tabMain {
  display: flex;
}
.left {
  width: 900px;
  margin-right: 20px;
}
// .right {
//   // width: 200px;
// }
</style>
